<template>
  <div class="centerApp">
    <!--登录弹出框-->
    <el-card class="box-card center">
      <el-steps :active="active" finish-status="success">
        <el-step title="步骤 1" icon="el-icon-edit"></el-step>
        <el-step title="步骤 2" icon="el-icon-upload"></el-step>
        <el-step title="步骤 3" icon="el-icon-picture"></el-step>
      </el-steps>
      <el-button style="margin-top: 12px;" @click="next">下一步</el-button>
    </el-card>
  </div>
</template>

<script>
export default {
  name: "login",
  data() {
    return {
      denglu1: true,
      userPhone: "",
      active: 0
    };
  },
  methods: {
    //登录
    next() {
      if (this.active++ > 2) this.active = 0;
    }
  }
};
</script>

<style scoped lang="less">
.centerApp {
  height: 100%;
  width: 100%;
  background: rgba(214, 122, 69, 0.5);
}
.last {
  height: 40px;
}
.ap {
  text-align: right;
  line-height: 60px;
  padding-bottom: 10px;
  font-size: 14px;
  a {
    color: rgb(0, 110, 255);
  }
}
.center {
  width: 30%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);

}
</style >
